<include file="Public/header" />
<include file="Public/accountfooter" />

<div class="modal fade" id="addAccountModal" tabindex="-1" role="dialog" aria-labelledby="addAccountModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加新账目</h4>
      </div>
      <form action="__CONTROLLER__/addAccount/" method="post" accept-charset="utf-8">
        <div class="modal-body">
            <div class="form-group">
              <label for="accountname">※ 名称： </label>
              <input id="accountnameInput" type="text" name="accountname" class="form-control" required>
            </div>
            <div class="form-group">
              <label for="accounttime">※ 选择时间 </label>
              <input id="accounttimeInput" type="text" name="accounttime" class="form-control" placeholder="点击选择..." required>
              <script>
                $('#accounttimeInput').datepicker({
                    format: "yyyy-mm-dd",
                    language: "cn",
                    orientation: "bottom auto",
                    autoclose: true,
                    todayHighlight: true
                });  
              </script>
            </div>
            <div class="form-group">
              <label for="accountmoney">※ 金额： </label>
              <input id="accountmoneyInput"type="number" name="accountmoney" class="form-control" placeholder="点击选择计算器..."required>
              <script>
                  $('#accountmoneyInput').calculator();
              </script> 
            </div>
            <div class="form-group">
              <label for="accounttype">※ 类别：</label>
              <select id="accounttypeInput"type="text" name="accounttype" class="form-control" placeholder="点击选择计算器..."required>
              <option value="1">一日三餐</option>
              </select>
              <script>
                  showTypeOption("#accounttypeInput");
              </script> 
            </div>
            <div class="form-group">
              <label for="accountother">备注： </label>
              <textarea id="accountotherInput"  name="accountother" class="form-control" placeholder="可以为空..." rows="3" wrap="hard"></textarea> 
            </div>
        </div>
        <div class="modal-footer">
          <button id="addAccountBtn" type="submit" class="btn btn-info ">添加</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        </div>
      </form>
    </div>
  </div>
</div><!--budget modal end-->

<div class="modal fade" id="budgetModal" tabindex="-1" role="dialog" aria-labelledby="budgetModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">设置当前月预算</h4>
      </div>
      <form action="__CONTROLLER__/budgetChange/" method="post" accept-charset="utf-8">
        <div class="modal-body">
            <label for="budget">预算金额： </label>
            <input id="budgetInput"type="number" name="budgetValue" class="form-control">&nbsp;
            <small id="messageSmall"><i class="fa fa-info-circle "></i>：只能填写数字，且必须大于0！</small>
        </div>
        <div class="modal-footer">
          <button id="budgetBtn"type="submit" class="btn btn-info ">提交</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        </div>
      </form>
    </div>
  </div>
</div><!--budget modal end-->

<div class="container marker-work">
    <div class="row" >
    <div class="col-md-9">
      <!-- <input id="testinput" type="text" placeholder="click here to see the magic" />    -->
      <script>
          // $('#testinput').calculator();
      </script>
      <div class="panel panel-blue">
        <div class=" panel-heading panel-heading-blue">
          <font class="panel-title">当前账目</font>
          <a id="accountBudgetBtn" class="btn btn-success btn-xs pull-right" data-toggle="modal" data-target="#budgetModal">设置月预算</a>
          <span class="pull-right visible-lg"><font>本月预算  <i class="fa fa-rmb"></i>  <strong ><{$userBudget}></strong> 元 , </font>
            <font>已经支出  <i class="fa fa-rmb"></i>  <strong ><{$accountOut['monthOut']}></strong> 元</font></span>
        </div>
        <table class="table  table-striped table-responsive text-center table-high">
          <tbody>
            <tr>
              <td><i class="fa fa-calendar"></i></td>
              <td>今日</td>
              <td>本周</td>
              <td>本月</td>
              <td>本年</td>
            </tr>
             <tr>
              <td>支出</td>
              <td>  <i class="fa fa-rmb"></i>  <strong ><{$accountOut['todayOut']}></strong>  </td>
              <td>  <i class="fa fa-rmb"></i>  <strong ><{$accountOut['weekOut']}></strong>  </td>
              <td>  <i class="fa fa-rmb"></i>  <strong ><{$accountOut['monthOut']}></strong>  </td>
              <td>  <i class="fa fa-rmb"></i>  <strong ><{$accountOut['yearOut']}></strong>  </td>
            </tr>
          </tbody>
        </table>
      <div class="visible-lg">
        <div class="breadcrumb text-center">
          <li>详细</li>
        </div>
        <div class="panel-body">
          <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
            <ul id="myTabs" class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active">
                  <a href="#todayAccountRowsDiv" id="todayAccountRows-tab" role="tab" data-toggle="tab" aria-controls="todayAccountRows" aria-expanded="true">今日</a>
              </li>
              <li role="presentation">
                  <a href="#weekAccountRowsDiv" role="tab" id="weekAccountRowsDiv-tab" data-toggle="tab" aria-controls="weekAccountRowsDiv">本周</a>
              </li>
              <li role="presentation">
                  <a href="#monthAccountRowsDiv" role="tab" id="monthAccountRowsDiv-tab" data-toggle="tab" aria-controls="monthAccountRowsDiv">本月</a>
              </li>
            </ul>
            <div id="myTabContent" class="tab-content">
              <div role="tabpanel" class="tab-pane fade in active" id="todayAccountRowsDiv" aria-labelledBy="todayAccountRowsDiv-tab">
              <if condition="$todayAccountCount gt 0">                  
               <div class="panel panel-warning">
                 <div class="panel-heading text-center">
                 <font>今日 共有  <strong><{$todayAccountCount}></strong>  笔记账  </font>
                   <font>总支出  <i class="fa fa-rmb"></i>  <strong><{$accountOut['todayOut']}></strong></font>
                 </div>
                 <div class="col-md-12 width100">
                   <div class="width20"><font>名称</font></div>
                   <div class="width20"><font>类别</font></div>
                   <div class="width20"><font>时间</font></div>
                   <div class="width20"><font>金额</font></div>
                   <div class="width20"><font>&nbsp;&nbsp;&nbsp;&nbsp;</font></div>
                 </div>
                    <volist name="todayAccountRows" id="vo">
                      <div class="pointer-tr list-group col-md-12" onmouseover="accountDownImgShow('#todayAccountDownImgId<{$vo.accountid}>');" onmouseout="accountDownImgOut('#todayAccountDownImgId<{$vo.accountid}>');" onclick="accountDownTrToggle('#todayAccountTr<{$vo.accountid}>');">
                        <div class="width20"><{$vo.accountname}></div>
                        <div class="width20"><font color="#FF0066"><{$vo.typename}></font></div>
                        <div class="width20"><{$vo.accountdate}></div>
                        <div class="width20">  <i class="fa fa-rmb"></i>  <font color="#CC3366"><strong><{$vo.accountmoney}></strong></font></div>
                         <div class="width20"><font class="down-img hidden" id ="todayAccountDownImgId<{$vo.accountid}>" > ▼</font></div>
                      </div>
                        <div class="col-md-12 account-down-tr well" id="todayAccountTr<{$vo.accountid}>" >
                          <div class="list-group">
                            <div class="list-group-item">
                            <font><i class="fa fa-clock-o"></i>&nbsp;&nbsp;记录时间: <{$vo.notetime}></font>
                            </div>
                            <div class="list-group-item">
                              <font><i class="fa fa-file-o"></i>&nbsp;&nbsp;相关备注： <{$vo.accountother}></font>
                            </div>
                            <div class="list-group-item">
                              <a href="__CONTROLLER__/deleteAccount/id/<{$vo.accountid}>" onclick="javascript:return myNoteDeleteConfirm();" class="btn btn-sm btn-danger btn-long">删除</a>
                              &nbsp;&nbsp;&nbsp;&nbsp;<font><i class="fa fa-info"></i>  ： 删除后相应账目自动计算！</font>
                            </div>
                          </div><!--listgroup end-->
                       </div><!--well end-->
                    </volist>
                  </div><!--panel end-->
               <else/>
                     <div class="col-md-12 text-center">
                       <h4><i class="fa fa-warning fa-2x"></i>  暂无支出</h4>
                     </div>
               </if>
              </div><!--today tab panel end-->
              <div role="tabpanel" class="tab-pane fade" id="weekAccountRowsDiv" aria-labelledBy="weekAccountRowsDiv-tab">
                <if condition="$weekAccountCount gt 0">                  
                 <div class="panel panel-warning">
                   <div class="panel-heading text-center">
                   <font>本周 共有  <strong><{$weekAccountCount}></strong>  笔记账  </font>
                     <font>总支出  <i class="fa fa-rmb"></i>  <strong><{$accountOut['weekOut']}></strong></font>
                   </div>
                   <div class="col-md-12 width100">
                     <div class="width20"><font>名称</font></div>
                     <div class="width20"><font>类别</font></div>
                     <div class="width20"><font>时间</font></div>
                     <div class="width20"><font>金额</font></div>
                     <div class="width20"><font>&nbsp;&nbsp;&nbsp;&nbsp;</font></div>
                   </div>
                      <volist name="weekAccountRows" id="vo">
                        <div class="pointer-tr list-group col-md-12" onmouseover="accountDownImgShow('#weekAccountDownImgId<{$vo.accountid}>');" onmouseout="accountDownImgOut('#weekAccountDownImgId<{$vo.accountid}>');" onclick="accountDownTrToggle('#weekAccountTr<{$vo.accountid}>');">
                          <div class="width20"><{$vo.accountname}></div>
                          <div class="width20"><font color="#FF0066"><{$vo.typename}></font></div>
                          <div class="width20"><{$vo.accountdate}></div>
                          <div class="width20">  <i class="fa fa-rmb"></i>  <font color="#CC3366"><strong><{$vo.accountmoney}></strong></font></div>
                           <div class="width20"><font class="down-img hidden" id ="weekAccountDownImgId<{$vo.accountid}>" > ▼</font></div>
                        </div>
                          <div class="col-md-12 account-down-tr well" id="weekAccountTr<{$vo.accountid}>" >
                            <div class="list-group">
                              <div class="list-group-item">
                              <font><i class="fa fa-clock-o"></i>&nbsp;&nbsp;记录时间: <{$vo.notetime}></font>
                              </div>
                              <div class="list-group-item">
                                <font><i class="fa fa-file-o"></i>&nbsp;&nbsp;相关备注： <{$vo.accountother}></font>
                              </div>
                              <div class="list-group-item">
                                <a href="__CONTROLLER__/deleteAccount/id/<{$vo.accountid}>" onclick="javascript:return myNoteDeleteConfirm();" class="btn btn-sm btn-danger btn-long">删除</a>
                                &nbsp;&nbsp;&nbsp;&nbsp;<font><i class="fa fa-info"></i>  ： 删除后相应账目自动计算！</font>
                              </div>
                            </div><!--listgroup end-->
                         </div><!--well end-->
                      </volist>
                 </div><!--panel end-->
                 <else/>
                   <div class="col-md-12 text-center">
                     <h4><i class="fa fa-warning fa-2x"></i>  暂无支出</h4>
                   </div>
                </if>
              </div><!--week panel-->
              <div role="tabpanel" class="tab-pane fade in " id="monthAccountRowsDiv" aria-labelledBy="monthAccountRowsDiv-tab">
                  <if condition="$monthAccountCount gt 0">                  
                   <div class="panel panel-warning">
                     <div class="panel-heading text-center">
                     <font>本月 共有  <strong><{$monthAccountCount}></strong>  笔记账  </font>
                       <font>总支出  <i class="fa fa-rmb"></i>  <strong><{$accountOut['monthOut']}></strong></font>
                     </div>
                     <div class="col-md-12 width100">
                       <div class="width20"><font>名称</font></div>
                       <div class="width20"><font>类别</font></div>
                       <div class="width20"><font>时间</font></div>
                       <div class="width20"><font>金额</font></div>
                       <div class="width20"><font>&nbsp;&nbsp;&nbsp;&nbsp;</font></div>
                     </div>
                        <volist name="monthAccountRows" id="vo">
                          <div class="pointer-tr list-group col-md-12" onmouseover="accountDownImgShow('#monthAccountDownImgId<{$vo.accountid}>');" onmouseout="accountDownImgOut('#monthAccountDownImgId<{$vo.accountid}>');" onclick="accountDownTrToggle('#monthAccountTr<{$vo.accountid}>');">
                            <div class="width20"><{$vo.accountname}></div>
                            <div class="width20"><font color="#FF0066"><{$vo.typename}></font></div>
                            <div class="width20"><{$vo.accountdate}></div>
                            <div class="width20">  
                               <i class="fa fa-rmb"></i>  <font color="#CC3366"><strong><{$vo.accountmoney}></strong></font>
                            </div>
                            <div class="width20">
                               <font class="down-img hidden" id ="monthAccountDownImgId<{$vo.accountid}>" > ▼ </font> 
                            </div>
                          </div>
                            <div class="col-md-12 account-down-tr well" id="monthAccountTr<{$vo.accountid}>" >
                              <div class="list-group">
                                <div class="list-group-item">
                                    <font><i class="fa fa-clock-o"></i>&nbsp;&nbsp;记录时间: <{$vo.notetime}></font>
                                </div>
                                <div class="list-group-item">
                                  <font><i class="fa fa-file-o"></i>&nbsp;&nbsp;相关备注： <{$vo.accountother}></font>
                                </div>
                                <div class="list-group-item">
                                  <a href="__CONTROLLER__/deleteAccount/id/<{$vo.accountid}>" onclick="javascript:return myNoteDeleteConfirm();" class="btn btn-sm btn-danger btn-long">删除</a>
                                  &nbsp;&nbsp;&nbsp;&nbsp;<font><i class="fa fa-info"></i>  ： 删除后相应账目自动计算！</font>
                                </div>
                              </div><!--listgroup end-->
                           </div><!--well end-->
                        </volist>
                    </div><!--panel end-->
                   <else/>
                     <div class="col-md-12 text-center">
                       <h4><i class="fa fa-warning fa-2x"></i>  暂无支出</h4>
                     </div>
                  </if>
              </div><!--month panel end-->
            </div>
          </div><!-- /example -->      
        </div><!--panel body end-->
      </div><!-- visible end-->
      <div class="hidden-lg">
        <div class="breadcrumb text-center">
          <li>详细</li>
        </div>
        <div class="panel-body">
          <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
            <ul id="MmyTabs" class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active">
                  <a href="#MtodayAccountRowsDiv" id="MtodayAccountRows-tab" role="tab" data-toggle="tab" aria-controls="MtodayAccountRows" aria-expanded="true">今日</a>
              </li>
              <li role="presentation">
                  <a href="#MweekAccountRowsDiv" role="tab" id="MweekAccountRowsDiv-tab" data-toggle="tab" aria-controls="MweekAccountRowsDiv">本周</a>
              </li>
              <li role="presentation">
                  <a href="#MmonthAccountRowsDiv" role="tab" id="MmonthAccountRowsDiv-tab" data-toggle="tab" aria-controls="MmonthAccountRowsDiv">本月</a>
              </li>
            </ul>
            <div id="MmyTabContent" class="tab-content">
              <div role="tabpanel" class="tab-pane fade in active" id="MtodayAccountRowsDiv" aria-labelledBy="MtodayAccountRowsDiv-tab">
              <if condition="$todayAccountCount gt 0">                  
               <div class="panel panel-warning">
                 <div class="panel-heading text-center">
                 <font>今日 共有  <strong><{$todayAccountCount}></strong>  笔记账  </font>
                   <font>总支出  <i class="fa fa-rmb"></i>  <strong><{$accountOut['todayOut']}></strong></font>
                 </div>
                    <volist name="todayAccountRows" id="vo">
                        <div class="col-md-12 pointer-tr list-group-item"onclick="accountDownTrToggle('#MtodayAccountTr<{$vo.accountid}>');">
                          <font><{$vo.accountname}> 
                          <font color="#CC3366" class="font-rmb-center"><i class="fa fa-rmb"></i>  <strong><{$vo.accountmoney}></strong></font> 
                          <font class="down-img pull-right"> ▼ </font></font>
                        </div>
                        <div class="col-md-12 account-down-tr well" id="MtodayAccountTr<{$vo.accountid}>" >
                          <div class="list-group">
                            <div class="list-group-item">
                              <font><i class="fa fa-columns"></i>&nbsp;&nbsp;类别: <{$vo.typename}></font>
                            </div>
                            <div class="list-group-item">
                              <font><i class="fa fa-clock-o"></i>&nbsp;&nbsp;时间: <{$vo.accountdate}></font>
                            </div>
                            <div class="list-group-item">
                              <font><i class="fa fa-file-o"></i>&nbsp;&nbsp;备注： <{$vo.accountother}></font>
                            </div>
                            <div class="list-group-item">
                              <a href="__CONTROLLER__/deleteAccount/id/<{$vo.accountid}>" onclick="javascript:return myNoteDeleteConfirm();" class="btn btn-sm btn-danger btn-long">删除</a>
                              &nbsp;&nbsp;&nbsp;&nbsp;<font><i class="fa fa-info"></i>  ： 删除后相应账目自动计算！</font>
                            </div>
                          </div><!--listgroup end-->
                       </div><!--well end-->
                    </volist>
                  </div><!--panel end-->
               <else/>
                     <div class="col-md-12 text-center">
                       <h4><i class="fa fa-warning fa-2x"></i>  暂无支出</h4>
                     </div>
               </if>
              </div><!--today tab panel end-->
              <div role="tabpanel" class="tab-pane fade" id="MweekAccountRowsDiv" aria-labelledBy="MweekAccountRowsDiv-tab">
                <if condition="$weekAccountCount gt 0">                  
                 <div class="panel panel-warning">
                   <div class="panel-heading text-center">
                   <font>本周 共有  <strong><{$weekAccountCount}></strong>  笔记账  </font>
                     <font>总支出  <i class="fa fa-rmb"></i>  <strong><{$accountOut['weekOut']}></strong></font>
                   </div>
                   <div class="col-md-12 width100">
                     <div class="width20"><font>名称</font></div>
                     <div class="width20"><font>类别</font></div>
                     <div class="width20"><font>时间</font></div>
                     <div class="width20"><font>金额</font></div>
                     <div class="width20"><font>&nbsp;&nbsp;&nbsp;&nbsp;</font></div>
                   </div>
                      <volist name="weekAccountRows" id="vo">
                        <div class="col-md-12 pointer-tr list-group-item"onclick="accountDownTrToggle('#MweekAccountTr<{$vo.accountid}>');">
                          <font><{$vo.accountname}> </font>
                          <font color="#CC3366" class="font-rmb-center"><i class="fa fa-rmb"></i>  <strong><{$vo.accountmoney}></strong></font> 
                          <font class="down-img pull-right"> ▼ </font>
                        </div>
                        <div class="col-md-12 account-down-tr well" id="MweekAccountTr<{$vo.accountid}>" >
                          <div class="list-group">
                            <div class="list-group-item">
                              <font><i class="fa fa-columns"></i>&nbsp;&nbsp;类别: <{$vo.typename}></font>
                            </div>
                            <div class="list-group-item">
                              <font><i class="fa fa-clock-o"></i>&nbsp;&nbsp;时间: <{$vo.accountdate}></font>
                            </div>
                            <div class="list-group-item">
                              <font><i class="fa fa-file-o"></i>&nbsp;&nbsp;备注： <{$vo.accountother}></font>
                            </div>
                            <div class="list-group-item">
                              <a href="__CONTROLLER__/deleteAccount/id/<{$vo.accountid}>" onclick="javascript:return myNoteDeleteConfirm();" class="btn btn-sm btn-danger btn-long">删除</a>
                              &nbsp;&nbsp;&nbsp;&nbsp;<font><i class="fa fa-info"></i>  ： 删除后相应账目自动计算！</font>
                            </div>
                          </div><!--listgroup end-->
                       </div><!--well end-->
                    </volist>
                 </div><!--panel end-->
                 <else/>
                   <div class="col-md-12 text-center">
                     <h4><i class="fa fa-warning fa-2x"></i>  暂无支出</h4>
                   </div>
                </if>
              </div><!--week panel-->
              <div role="tabpanel" class="tab-pane fade in " id="MmonthAccountRowsDiv" aria-labelledBy="MmonthAccountRowsDiv-tab">
                  <if condition="$monthAccountCount gt 0">                  
                   <div class="panel panel-warning">
                     <div class="panel-heading text-center">
                     <font>本月 共有  <strong><{$monthAccountCount}></strong>  笔记账  </font>
                       <font>总支出  <i class="fa fa-rmb"></i>  <strong><{$accountOut['monthOut']}></strong></font>
                     </div>
                     <div class="col-md-12 width100">
                       <div class="width20"><font>名称</font></div>
                       <div class="width20"><font>类别</font></div>
                       <div class="width20"><font>时间</font></div>
                       <div class="width20"><font>金额</font></div>
                       <div class="width20"><font>&nbsp;&nbsp;&nbsp;&nbsp;</font></div>
                     </div>
                      <volist name="monthAccountRows" id="vo">
                          <div class="col-md-12 pointer-tr list-group-item"onclick="accountDownTrToggle('#MmonthAccountTr<{$vo.accountid}>');">
                            <font><{$vo.accountname}> </font>
                            <font color="#CC3366" class="font-rmb-center"><i class="fa fa-rmb"></i>  <strong><{$vo.accountmoney}></strong></font> 
                            <font class="down-img pull-right"> ▼ </font>
                          </div>
                          <div class="col-md-12 account-down-tr well" id="MmonthAccountTr<{$vo.accountid}>" >
                            <div class="list-group">
                              <div class="list-group-item">
                                <font><i class="fa fa-columns"></i>&nbsp;&nbsp;类别: <{$vo.typename}></font>
                              </div>
                              <div class="list-group-item">
                                <font><i class="fa fa-clock-o"></i>&nbsp;&nbsp;时间: <{$vo.accountdate}></font>
                              </div>
                              <div class="list-group-item">
                                <font><i class="fa fa-file-o"></i>&nbsp;&nbsp;备注： <{$vo.accountother}></font>
                              </div>
                              <div class="list-group-item">
                                <a href="__CONTROLLER__/deleteAccount/id/<{$vo.accountid}>" onclick="javascript:return myNoteDeleteConfirm();" class="btn btn-sm btn-danger btn-long">删除</a>
                                &nbsp;&nbsp;&nbsp;&nbsp;<font><i class="fa fa-info"></i>  ： 删除后相应账目自动计算！</font>
                              </div>
                            </div><!--listgroup end-->
                         </div><!--well end-->
                      </volist>
                    </div><!--panel end-->
                   <else/>
                     <div class="col-md-12 text-center">
                       <h4><i class="fa fa-warning fa-2x"></i>  暂无支出</h4>
                     </div>
                  </if>
              </div><!--month panel end-->
            </div>
          </div><!-- /example -->      
        </div><!--panel body end-->
      </div><!-- visible end-->
    </div><!--panel blue end-->
      <div class="panel panel-default">
        <div class="panel-heading">
          <font class="panel-title">消费比例</font>
          <a id="accountBudgetBtn" class="btn btn-success btn-xs pull-right" href="__CONTROLLER__/allReport/">详细报表</a>
        </div>
        <div class="panel-body ">
          <div class="col-md-12 text-center">
          <h4>本月已经消费：  <i class="fa fa-rmb"></i>  <{$accountOut['monthOut']}></h4>
            <hr>
          </div>
              <div class="col-md-12">
                <div id="noShowPie" class="col-md-9 text-center" >
                 <div id="canvas-holder" class="visible-lg" >
                      <canvas id="chart-area1" width="300px" height="300px"/>
                  </div>
                  <div id="canvas-holder" class="hidden-lg" >
                      <canvas id="chart-area2" />
                  </div>
                </div>
                <if condition="$monthAccountCount gt 0">
                  <div class="col-md-3 pull-right text-center visible-lg">
                      <div class="list-group" id="pieShowItem">
                      </div>
                  </div>
                </if>
              </div>
          </div>
        </div>
      </div>
        <div class="col-md-3" >
          <if condition="$accountErrorFlag eq 1">
            <div class="alert alert-danger alert-dismissible" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <strong>Error：</strong><{$accountErrorInfo}>
            </div>
          <elseif condition="$accountErrorFlag eq 2"/>
            <div class="alert alert-success alert-dismissible" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <strong>Success：</strong><{$accountErrorInfo}>
            </div>
          <elseif condition="$accountErrorFlag eq 3"/>
           <div class="alert alert-warning alert-dismissible" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <strong>Warning:</strong><{$accountErrorInfo}>
            </div>
        </if>
            <section class="side-div">
                <div class="panel">
                     <a href="javascript:" class="btn btn-warning btn-lg" id="addAcountBtn" data-toggle="modal" data-target="#addAccountModal">记一笔</a>
                </div>
                <div class="panel">
                    <a href="__CONTROLLER__/allReport/" class="btn btn-info btn-lg btn-block">详细报表</a>
                </div>
                  <div class="panel panel-default">
                    <div class="panel-heading">
                       <font >本周消费状况</font>
                    </div>
                    <div class="panel-body">
                       <div id="canvas-holder-line" >
                            <canvas id="chart-area-line" width="100%" height="60%"></canvas>
                       </div>
                       <div class="col-md-12" id="lineItemMoney">
                       </div>
                    </div>
                  </div>
                  <div class="panel panel-default">
                    <div class="panel-heading">
                       <font >近期日均消费状况</font>
                    </div>
                    <div class="panel-body">
                       <div id="canvas-holder-bar" >
                            <canvas id="chart-area-bar" width="100%" height="60%"></canvas>
                       </div>
                    </div>
                  </div>
                  <div class="panel panel-default">
                    <div class="panel-heading">
                       <font >本月最高日消费记录</font>
                    </div>
                    <div class="panel-body" id="monthMostMoney">

                    </div>
                  </div>
            </section>
        </div>
    </div><!--row end-->
    </div><!--cintainer end-->
<script>
    judgeInputValue();
    accountIndexShowPie();
</script>

<include file="Public/footer"/>